<template>
    <el-row>
        <el-col :span="8">
            <div class='tree'>
                <el-input
                placeholder="输入关键字进行过滤"
                v-model="filterText">
                </el-input>

                <el-tree
                class="filter-tree"
                :data="data"
                :props="defaultProps"
                default-expand-all
                :filter-node-method="filterNode"
                ref="tree">
                </el-tree>
            </div>
        </el-col>
        <el-col :span="16">
            
        </el-col>
    </el-row>
</template>
<script>
export default {
    data(){
        return{
            company:'',
            filterText: '',
            data: [{
            id: 1,
            label: '一级 1',
            children: [{
                id: 4,
                label: '二级 1-1',
                children: [{
                id: 9,
                label: '三级 1-1-1'
                }, {
                id: 10,
                label: '三级 1-1-2'
                }]
            }]
            }, {
            id: 2,
            label: '一级 2',
            children: [{
                id: 5,
                label: '二级 2-1'
            }, {
                id: 6,
                label: '二级 2-2'
            }]
            }, {
            id: 3,
            label: '一级 3',
            children: [{
                id: 7,
                label: '二级 3-1'
            }, {
                id: 8,
                label: '二级 3-2'
            }]
            }],
            defaultProps: {
            children: 'children',
            label: 'label'
            }
        }
    },
    created(){
        if(this.$route.query.company){
            this.company=this.$route.query.company;
        }
    }
}
</script>
<style scoped>
    .el-row{
        height:100%;
        width:100%;
        display:flex;
        flex-direction: row;
    }
    .tree{
        height:100%;
        display:flex;
        flex-direction: column;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding:10px;
        border-right:1px solid #ddd;
    }
</style>